<template>
  <div class="cart-list">

    <scroll class="content" ref="scroll">

      <cart-list-item
        v-for="(item,index) in cartList"
        :key="index"
        :product="item"
      />


    </scroll>

  </div>
</template>

<script>
  import {mapGetters} from 'vuex';
  import Scroll from '../../../components/common/scroll/Scroll';
  import CartListItem from './CartListItem';

  export default {
    name: 'CartList',
    components: {CartListItem, Scroll},
    computed: {
      ...mapGetters(['cartList'])
    },
    activated() {
      this.$refs.scroll.refresh();
    }
  };
</script>

<style scoped>

  .cart-list {
    height: calc(100% - 44px - 40px - 49px);
  }

  .content {
    height: 100%;
    overflow: hidden;
  }

</style>
